<template>
  <div class="zlxg-page">
    <div v-for="(item,index) in disposetpls" :key="index" class="table-content">
      <div class="primary-header clearfix flex flex-row align-center mt20">
        <div class="line" />
        <span class="font18 ml10">原因分析</span><span v-if="item.creator_name" class="font18 ml20">({{ item.creator_name }})</span>
      </div>
      <el-descriptions class="margin-top mt10" :column="2" border>
        <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle" :span="2">
          <template slot="label">
            与病人因素相关
          </template>
          {{ item.form_data.cz_ybrysxg | arrayString }} {{ item.form_data.cz_ybrysxgqt }}
        </el-descriptions-item>
        <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle" :span="2">
          <template slot="label">
            与工作状态/流程设计因素相关
          </template>
          {{ item.form_data.cz_ygzztlcsjxg | arrayString }} {{ item.form_data.cz_ygzztlcsjxgqt }}
        </el-descriptions-item>
        <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle" :span="2">
          <template slot="label">
            与员工个人因素相关
          </template>
          {{ item.form_data.cz_yyggrysxg | arrayString }} {{ item.form_data.cz_yyggrysxgqt }}
        </el-descriptions-item>
        <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle" :span="2">
          <template slot="label">
            与沟通相关因素
          </template>
          {{ item.form_data.cz_ygtxgys | arrayString }} {{ item.form_data.cz_ygtxgysqt }}
        </el-descriptions-item>
        <el-descriptions-item :span="2">
          <template slot="label">
            与仪器/设施因素相关
          </template>
          {{ item.form_data.cz_yyqssysxg | arrayString }} {{ item.form_data.cz_yyqssysxgqt }}
        </el-descriptions-item>
        <el-descriptions-item :span="2">
          <template slot="label">
            仪器/设施名称
          </template>
          {{ item.form_data.yqssmc }}
        </el-descriptions-item>
        <el-descriptions-item :span="2">
          <template slot="label">
            仪器/设施序列号
          </template>
          {{ item.form_data.yqssxlh }}
        </el-descriptions-item>
        <el-descriptions-item :span="2">
          <template slot="label">
            其他因素相关
          </template>
          {{ item.form_data.cz_qtysxg }}
        </el-descriptions-item>
      </el-descriptions>

    </div>
  </div>
</template>
<script>
export default {
  name: 'Baqsjczv3',
  filters: {
    arrayString(val) {
      if (val && val.length > 0) {
        return val.join(',')
      } else {
        return ''
      }
    }
  },
  props: ['disposetpls', 'createTime', 'name'],
  data() {
    return {
      contentStyle: {
        'text-align': 'left'
      },
      // label样式
      labelStyle: { 'width': '170px' }
    }
  },

  computed: {

  },
  mounted() {

  }
}

</script>
  <style lang="scss" scoped>
  </style>
